import Vue from 'vue'

import Cookies from 'js-cookie'

import Element from 'element-ui'
import './assets/styles/element-variables.scss'

import '@/assets/styles/index.scss' // global css
import '@/assets/styles/ruoyi.scss' // ruoyi css
import App from './App'
import store from './store'
import router from './router'
import directive from './directive' // directive
import plugins from './plugins' // plugins
import { download} from '@/utils/request'
import { request_get, request_post} from '@/api/common'

import './assets/icons' // icon
import './permission' // permission control
import { getConfigKey } from "@/api/system/config";
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";
import { passRole } from "@/utils/validate.js"
// 记录弹窗
import RecordDialog from "@/components/RecordDialog";
// 搜索bar
import SearchBar from "@/components/SearchBar";
// 搜索组件
import Search from "@/components/Search";
// 操作组件
import Operate from "@/components/Operate";
// 列表组件
import Table from "@/components/Table";
// 分页组件
import Pagination from "@/components/Pagination";
// 自定义表格工具组件
import RightToolbar from "@/components/RightToolbar"
// 富文本组件
import Editor from "@/components/Editor"
// 文件上传组件
import FileUpload from "@/components/FileUpload"
// 图片上传组件
import ImageUpload from "@/components/ImageUpload"
// 图片预览组件
import ImagePreview from "@/components/ImagePreview"
// 字典标签组件
import DictTag from '@/components/DictTag'
// 头部标签组件
import VueMeta from 'vue-meta'
// 自定义按钮组件
import jcButton from '@/components/jcButton/jcButton.vue'
// 全局更新组件
import SingleSelect from '@/components/SingleSelect'
// 全局挂载方法
import { formatTime } from "@/utils/time.js"
import { count } from "@/utils/count.js"
import { tools } from "@/utils/tools.js"

// 全局方法挂载

Vue.prototype.getConfigKey = getConfigKey
Vue.prototype.parseTime = parseTime
Vue.prototype.resetForm = resetForm
Vue.prototype.addDateRange = addDateRange
Vue.prototype.selectDictLabel = selectDictLabel
Vue.prototype.selectDictLabels = selectDictLabels
Vue.prototype.download = download
Vue.prototype.request_get = request_get
Vue.prototype.request_post = request_post
Vue.prototype.handleTree = handleTree
Vue.prototype.formatTime = formatTime
Vue.prototype.count = count
Vue.prototype.tools = tools
Vue.prototype.passRole = passRole

// 全局组件挂载
Vue.component('RecordDialog', RecordDialog)
Vue.component('SearchBar', SearchBar)
Vue.component('Search', Search)
Vue.component('Operate', Operate)
Vue.component('Table', Table)
Vue.component('DictTag', DictTag)
Vue.component('Pagination', Pagination)
Vue.component('RightToolbar', RightToolbar)
Vue.component('Editor', Editor)
Vue.component('FileUpload', FileUpload)
Vue.component('ImageUpload', ImageUpload)
Vue.component('ImagePreview', ImagePreview)
Vue.component('jcButton', jcButton)
Vue.component('SingleSelect', SingleSelect)


Vue.use(directive)
Vue.use(plugins)
Vue.use(VueMeta)


// 点击页面中的任意位置 方法
Vue.prototype.globalClick = function(callback) {
  document.onclick = function() {
      callback();
  };
};

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online! ! !
 */

Vue.use(Element, {
  size: Cookies.get('size') || 'medium' // set element-ui default size
})

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
